<script src="style/images/admin/css/tabs/tabpane.js" type="text/javascript"></script>
<div class="enbac-bound">
  <table cellpadding="4" width="100%"><tr class="enbac-form-bound"  ><td width="73%"  class="enbac-form-title" style="font-size:18px"><strong>{if $cmd=='edit'}Sửa{else}Thêm{/if} Danh mục</strong> [ <a href="category.html">Quản trị danh mục</a> ]  [ <a href="category.html?cmd=filter_list">Quản trị thuộc tính</a> ]</td>
      <td width="9%" class="form_title_button">{*<a href="javascript:void(0);" onclick="document.EditCategoryForm.submit(); return false;"><img alt="" src="style/images/admin/download_f2.png" class="icon_cmd"/><br>
      Lưu lại</a>*}<input type="submit" value="Lưu lại" style="width:200px"/></td>
            <td width="8%" class="form_title_button"><a href="category.html"><img alt="" src="style/images/admin/back_f2.png" class="icon_cmd"/><br>
                Quay lại</a></td>
  </tr></table>

	<div class="form_content">
	<table width="100%" border="0" cellspacing="4" cellpadding="4">	
    	<tr>
            <td style="width:50%" valign="top" colspan="2">
                {$msg}
            </td>
        </tr>
    	<tr>
        <td style="width:40%" valign="top">
            <div class="form_input_label">T&ecirc;n: (Ví dụ: Điện thoại)</div>
            <div class="form_input">
                <input name="name" type="text" id="name" size="100" value="{$name}">
            </div>
            <div class="form_input_label">T&ecirc;n v&#7855;n t&#7855;t :</div>
            <div class="form_input">
              <input name="brief_name" type="text" id="brief_name" size="100" value="{$brief_name}" />
            </div>
            <div class="form_input_label">Khoảng giá: <font color="red">(Dùng cho lọc sản phẩm)</font></div>
            <div class="form_input">
              <input name="price_str" type="text" id="price_str" size="100" value="{$price_str}" maxlength="255"/><br />
			(Mỗi mức giá cách nhau bởi dấu (,). VD: 2000000,5000000,10000000)
            </div>
            <div class="form_input_label">Thông tin khuyến cáo: <font color="red">(Dùng cho việc dựng cấu hình)</font></div>
            <div class="form_input">
              <textarea name="recomend" cols="100" rows="5" id="recomend">{$recomend}</textarea>
          </div>
            <div class="form_input_label">Danh mục cha:</div>
            <div class="form_input"><select name="parent_id" id="parent_id" style="width:300px" onchange="check_position();">{$option_parent_id}</select></div>
            {*
            <!--<div class="form_input_label">ID chuyên mục tham chiếu</div>
            <div class="form_input">
                <input name="ref_id" type="text" id="ref_id" size="185" value="{$ref_id}">
            </div>-->
            *}
            <div class="form_input_label">Trạng thái:</div>
            <div class="form_input">
                <select name="status" id="status" style="width:120px;height:20px">{$option_status}</select>
             </div>
           <div class="form_input_label">Vị trí:</div>
            <div class="form_input" id="cat_position">
                <select name="position" id="position" style="width:120px;height:20px">{$option_position}</select>
             </div>
             <div class="form_input_label">Ảnh đại diện:</div>
            <div class="form_input">
            <table border="0" width="300">
                <tr>
                    <td colspan="5"><input type="file" name="cat_image" id="cat_image" size="100" /> </td>
                </tr>	
                <tr>
                  <td width="100"><img src="{$cat_image}" width="100" height="100" style="border:1px solid #CCC"/><br /></td>
                  <td width="100" valign="top">
                        {*<a href="javascript:void(0);" onclick="document.EditCategoryForm.submit(); return false;"><img alt="" src="style/images/admin/download_f2.png" class="icon_cmd"/><br>Lưu lại</a>*}<input type="submit" value="Lưu lại" style="width:200px"/></td>
                  <td width="100"  valign="top"><a href="category.html">
                        <img alt="" src="style/images/admin/back_f2.png" class="icon_cmd"/><br />Quay lại</a>
                  </td>		
                </tr>		
            </table>
             </div>
             {if $option_zones}
             <div class="form_input_label">Nhóm danh mục:</div>
             <div class="form_input">
                <select multiple="multiple" name="zoneids[]" style="height:100px;width:200px">{$option_zones}</select>
             </div>
            {/if}        
            <div class="form_input_label">Keywords: (ví dụ: Nokia, dien thoai, máy tính)</div>
            <div class="form_input">
                <textarea name="keywords" id="keywords" style="width:80%" rows="3">{$keywords}</textarea>
            </div>
            
            <div class="form_input_label">Miêu tả: (ví dụ: Chuyên mua bán điện thoại, máy tính về nokia...)</div>
            <div class="form_input">
                <textarea name="description" id="description" style="width:80%" rows="3">{$description}</textarea>
            </div>
            
             <div class="form_input_label" style="margin-top:10px"><strong><a href="javascript:void(0)" onclick="show_tag_keyword()">Nhập tags cho tìm kiếm</a></strong></div>
             <div class="form_input_label" id="tag_keyword" style="margin-top:10px; display:none">
                <textarea id="tag_search" name="tag_search"  rows="10" style="width:80%">{$tag_search}</textarea>
             </div>
        </td>
        
        <td style="width:60%" valign="top">
             {if $catid}
  		 		<div style="font-size:16px;margin-bottom:10px">
            	<strong>Các nhóm thuộc tính của danh mục:</strong></div>
                {if $filter_groups}
                    <table width="100%" cellpadding="5" cellspacing="1" bgcolor="#0099FF">
                        <tr>
                            <th width="11%" align="left" bgcolor="#CCCCCC">ID</th>
                            <th width="24%" align="left" bgcolor="#CCCCCC">Tên nhóm thuộc tính</th>
                          <th width="6%" align="center" bgcolor="#CCCCCC">Vị trí</th>
                          <th width="11%" align="center" nowrap="nowrap" bgcolor="#CCCCCC">Sửa thuộc tính</th>
                          <th width="21%" bgcolor="#CCCCCC"></th>
                          <th width="14%" nowrap="nowrap" bgcolor="#CCCCCC">ID danh mục</th>
                            <th width="13%" bgcolor="#CCCCCC">Remove</th>
                        </tr>
                        {foreach from=$filter_groups item=gfilter}
                                <tr>
                                <td align="left" bgcolor="#FFFFFF">
                                    {$gfilter.id}
                                </td>
                                <td bgcolor="#FFFFFF">
                                    <input name="gf_name[{$gfilter.id}]" value="{$gfilter.name}" size="30" type="text">
                                </td>
                                <td align="center" bgcolor="#FFFFFF">
                                   <input name="gf_pos[{$gfilter.id}]" value="{$gfilter.pos}" size="6" type="text" class="tAC">
</td>
                                <td align="center" nowrap="nowrap" bgcolor="#FFFFFF">[<a href="{$gfilter.link}">Thuộc tính</a>]</td>
                                <td align="center" nowrap="nowrap" bgcolor="#FFFFFF"><input value="Cập nhật" name="gfsubmit[{$gfilter.id}]" type="submit" /></td>
                                <td align="center" nowrap="nowrap" bgcolor="#FFFFFF">{$gfilter.catids} </td>
                                <td align="center" nowrap="nowrap" bgcolor="#FFFFFF">
                                 [<a href="{$gfilter.remove}" onclick="return confirm('Bạn có chắc chắn muốn loại bỏ Nhóm này khỏi danh mục không?');">Remove</a>]
                                </td>
                      </tr>
                        {/foreach}
                    </table>
                {else}
                    Chưa có Nhóm thuộc tính nào!
                {/if}
             {/if}
               
           	<br />
            <br />
            <br />
            Tên nhóm thuộc tính <input name="gfilter_name" value="{$gfilter_name}" size="30" type="text"> Thứ tự <select name="gfilter_pos">{$option_gfilter_pos}</select> 
            <input value="Thêm nhóm thuộc tính" name="submit" type="submit">           
              <div style="font-size:16px;margin:10px 0" onclick="jQuery('#other_filter_groups').toggle()">
              	<strong>Các nhóm thuộc tính{if $catid} khác{/if}:</strong>
              </div>
              <div id="other_filter_groups">
                  {if $other_filter_groups}
                    <table width="100%" cellpadding="5" cellspacing="1" bgcolor="#0099FF">
                        <tr>
                            <th width="12%" align="left" bgcolor="#CCCCCC">ID</th>
                            <th width="28%" align="left" bgcolor="#CCCCCC">Tên nhóm thuộc tính</th>
                          <th width="7%" align="center" bgcolor="#CCCCCC">Vị trí</th>
                          <th width="15%" align="center" nowrap="nowrap" bgcolor="#CCCCCC">Sửa thuộc tính</th>
                          <th width="11%" bgcolor="#CCCCCC"></th>
                          <th width="19%" nowrap="nowrap" bgcolor="#CCCCCC">ID danh mục</th>
                            <th width="8%" bgcolor="#CCCCCC">Thêm</th>
                        </tr>
                        {foreach from=$other_filter_groups item=gfilter}
                                <tr>
                                <td align="left" bgcolor="#FFFFFF">
                                    {$gfilter.id}
                                </td>
                                <td bgcolor="#FFFFFF">
                                    <input name="gf_name[{$gfilter.id}]" value="{$gfilter.name}" size="30" type="text">
                                </td>
                                <td align="center" bgcolor="#FFFFFF">
                                   <input name="gf_pos[{$gfilter.id}]" value="{$gfilter.pos}" size="6" type="text" class="tAC">
    </td>
                                <td align="center" nowrap="nowrap" bgcolor="#FFFFFF">[<a href="{$gfilter.link}">Thuộc tính</a>]</td>
                                <td align="center" nowrap="nowrap" bgcolor="#FFFFFF"><input value="Cập nhật" name="gfsubmit[{$gfilter.id}]" type="submit" /></td>
                                <td align="center" nowrap="nowrap" bgcolor="#FFFFFF">{$gfilter.catids} </td>
                                <td align="center" nowrap="nowrap" bgcolor="#FFFFFF">
                                 [<a href="{$gfilter.add}" title="Thêm vào danh mục">Add</a>]
                                </td>
                      </tr>
                        {/foreach}
                    </table>
                {else}
                    Chưa có Nhóm thuộc tính nào!
                {/if}
            </div>
            
          	<input type="submit" value="Lưu lại" style="width:200px;margin-top:50px"/>
        </td>
  		</tr>
</table>
	</div>
</div>
<script language="javascript">
var cur_position = {$cur_position};
var level1_cats = {$level1_cats};
var level2_cats = {$level2_cats};
{literal}
function check_position(){
	var catid = parseInt(jQuery("#parent_id").val());
	if(catid){//Chọn danh mục
		if(typeof(level1_cats[catid]) != 'undefined'){//Chọn danh mục cấp 1
			var max_pos = 1 + parseInt(level1_cats[catid]['max']);
		}
		else if(typeof(level2_cats[catid]) != 'undefined'){
			var max_pos = 1 + parseInt(level2_cats[catid]['max']);
		}
		else{
			var max_pos = 1;
		}
	}
	else{//Ko chọn danh mục
		var max_pos = {/literal}{$max_pos}{literal};
	}
	
	var html_pos = '<select name="position" id="position" style="width:120px;height:20px">';
	for(i=1;i<=max_pos;i++){//cat_position
		html_pos += '<option value="' + i + '" '+ (i==max_pos?'selected="selected"':'') +'>' + i + '</option>';
	}
	
	html_pos += '</select>';
	
	jQuery("#cat_position").html(html_pos);
	//alert(jQuery("#parent_id").val());
									   
}
function show_tag_keyword(){
	jQuery('#tag_keyword').toggle();
}
{/literal}
</script>